 *{
  margin:0;
  padding:0;
}
body{
  color: #EEE;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 16px;
  text-align: center;
}
header {
  background: url("../../images/logo.png") no-repeat 1em center ,
              #036564;
  background-size: 60px, 100px, 100px;
  margin: 0 0 1em 0;
  padding: 0.5em 0;
  width: 100%;
}
header h1{
  margin: 0;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  text-align: left;
  text-indent: 10%;
  font-size: 30pt;
} 
header h2{
  color:#556270;
  margin: 0;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 12pt;
  padding: 0;
}

#imagen, #logi{
  display: inline-table;
  vertical-align: middle;
display:box; box-orient:horizontal;
}
#imagen{
  background: #fafafa;
  color: #222;
  text-align: center;
  margin: 0;
  width: 50%;
  text-align: center;
  margin: 0;
  margin: 0 0 0 1em;
}
#imagen figcaption{
  margin: 1em;
}
#imagen img {
  max-width: 100%;
}

#campo{
  color: #033649;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 12pt;
  text-align: center;
  margin: 0 0 0.5em 0 ;
}
#c{
  text-align: left;
  padding: 0 0 0 1.5em ;
}
.boton:hover {
    background:#1A5DB3;
    background-image: -webkit-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(bottom,#0D98FB,#1A5DB3);   
    background-image: linear-gradient(to top,#0D98FB,#1A5DB3);
    cursor: pointer;
}
#logi{
  color: #000000;
  /*background: #fafafa;*/
  text-align: center;
  width: 32%;
  vertical-align: top;
  /*box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;*/
 
}

a{
  font-weight: bold;
  text-decoration: none;
  background:-moz-linear-gradient(#f9f9f9 0%,#DADADA 100%);
  background:-ms-linear-gradient(#f9f9f9 0%,#DADADA 100%); 
  background:-o-linear-gradient(#f9f9f9 0%,#DADADA 100%); 
  background:-webkit-linear-gradient(#f9f9f9 0%,#DADADA 100%); 
  background:linear-gradient(#f9f9f9 0%,#DADADA 100%);
  border:solid 1px #DEDEDE;
  text-align:center;
  padding:5px; 
  color:#333; 
  width:75px; 
} 
a:hover{
  color:#999;
  background: -webkit-linear-gradient(#fff 0%,#DEDEDE 100%);
  background: -moz-linear-gradient(#fff 0%,#DEDEDE 100%);
  background: -o-linear-gradient(#fff 0%,#DEDEDE 100%);   
  background: linear-gradient(to top,#fff 0%,#DEDEDE 100%);
  cursor: pointer;
}
footer{
	background-color: #111111;
	bottom: 0;
	height: 1.5em;
	
	position: fixed;
	width: 100%;text-align: center;
	vertical-align: top;
	
}

footer h2{
	color: #EEEEEE;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
        vertical-align: center;
}

footer h2 i{
    font-style:normal;
	color:#888;
}
#titulo{
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0.5em 0 1em  0;
}
#subtitulo{
  text-align: left;
  padding: 0.5em 0 1em 1em ;
}